@media (max-width: 1200px)
{
	NAV UL LI A,
	NAV UL LI A:link,
	NAV UL LI A:visited
	{
		padding: 0px 10px;
	}
	NAV UL UL A,
	NAV UL UL A:link,
	NAV UL UL A:visited
	{
		padding: 8px 10px;
	}
	.slides_container,
	.slides
	{
		height: 220px;
	}
	.slides .slide
	{
		width: 460px;
	}
	.info-about H1
	{
		font-size: 32px;
	}
	.my-friend-list IMG
	{
		width: 71px !important;
		height: 71px !important;
	}
	.group-item .group-image IMG
	{
		width: 80px;
		height: 80px;
	}
	.messages .tabs UL LI A
	{
		padding: 15px 20px;
		font-size: 16px;
	}
	.messages .tabs UL LI A.selected
	{
		padding: 15px 20px 16px 20px;
	}
	.messages .tabs .tab-line
	{
		top: 53px;
	}
	.message-center .administrator-mode,
	.message-center .sort-filter
	{
		top: 0px;
	}
	.editor-height .reContentArea.reContentAreaToggle IMG {
    max-width: 595px !important;
    }
}
@media (min-width: 768px) and (max-width: 960px)
{
	BODY
	{
		font: 12px/18px Arial, Helvetica, sans-serif;
	}
	HEADER .bottom-section .membership-search .membership-navigation-holder
	{
		top: 10px;
	}
	HEADER .bottom-section .membership-search .search-holder
	{
		top: 5px;
	}
	h1
	{
		font-size: 26px;
	}
	h2
	{
		font-size: 22px;
	}
	h3
	{
		font-size: 16px;
	}
	.slides_container,
	.slides
	{
		height: 169px;
	}
	.slides .slide
	{
		width: 350px;
	}
	.info-about
	{
		margin: 20px 0px 85px 0px;
	}
	.info-about H1
	{
		font-size: 32px;
	}
	.info-about P
	{
		line-height: 20px;
	}
	.main
	{
		padding: 0px;
	}
	.features h2
	{
		font-size: 30px;
	}
	.new-group-list .user-avatar IMG
	{
		width: 32px !important;
		height: 32px !important;
	}
	.blog-item .avatar IMG
	{
		width: 60px;
		height: 60px;
	}
	.blog-item .content H2
	{
		font-size: 26px;
	}
	.blog .comment-title,
	.blog .comment-form
	{
		margin-left: 80px;
	}
	.photos .main-options,
	.album-list .item,
	.photos .photo-list .item
	{
		width: 50%;
	}
	.album-list .item .inner,
	.photos .photo-list .item .inner
	{
		height: 350px;
	}
	.photos .album-list .main-options .inner,
	.photos .photo-list .main-options .inner
	{
		height: 398px;
	}
	.album-wrapper H3
	{
		font-size: 22px;
	}
	.photos .photo-list .photo-preview
	{
		width: 100%;
	}
	.discussion-item H3
	{
		font-size: 24px;
		padding-right: 90px;
	}
	.user-profile-header .top-section .avatar-holder IMG
	{
		width: 120px !important;
		height: 120px !important;
	}
	.user-profile-header .top-section H2
	{
		line-height: 26px;
		line-height: normal;
	}
	.user-profile-header .top-section .status .status-text
	{
		font-size: 14px;
		line-height: 22px;
	}
	.my-friend-list IMG
	{
		width: 53px !important;
		height: 53px !important;
	}
	.friend-list IMG
	{
		width: 40px !important;
		height: 40px !important;
		float: none;
	}
	.friend-list .user-name
	{
		line-height: 30px;
	}
	.group-item .group-image IMG
	{
		width: 80px;
		height: 80px;
	}
	.message-center .sort-filter
	{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.message-center .sort-filter .filtering,
	.message-center .sort-filter .sorting
	{
		float: left;
		margin-top: 3px;
	}
	.message-center .sort-filter .sorting
	{
		margin-left: 3px;
	}
	.editor-height .reContentArea.reContentAreaToggle IMG
    {
        max-width: 450px !important;
    }
}
@media (min-width: 480px) and (max-width: 767px)
{
	BODY
	{
		font: 12px/18px Arial, Helvetica, sans-serif;
	}
	HEADER .bottom-section
	{
		height: 143px;
	}
	HEADER .bottom-section IMG.banner-img,
	HEADER .bottom-section IMG.membership-bg
	{
		display: none;
	}
	HEADER .bottom-section .membership-search .membership-navigation-holder,
	HEADER .bottom-section .membership-search .search-holder
	{
		width: 100%;
		top: 25px;
		left: 0px;
	}	
	HEADER .bottom-section .membership-search .search-holder
	{
		width: 100%;
		position: inherit;
		top: 75px;
		left: 0px;
	}
	h1
	{
		font-size: 26px;
	}
	h2
	{
		font-size: 22px;
	}
	h3
	{
		font-size: 16px;
	}
	.what-box
	{
		width: 100%;
	}
	.info-about
	{
		margin: 0px 0px 85px 0px;
	}
	.info-about H1
	{
		font-size: 22px;
	}
	.info-about H1 I
	{
		font-size: 16px;
	}
	.info-about P
	{
		line-height: 20px;
	}
	.main
	{
		padding: 0px;
	}
	.blog-item .avatar IMG
	{
		width: 60px;
		height: 60px;
	}
	.blog-item .content H2
	{
		font-size: 24px;
	}
	.photos .main-options,
	.album-list .item,
	.photos .photo-list .item
	{
		width: 50%;
	}
	.album-list .item .inner,
	.photos .photo-list .item .inner
	{
		height: 350px;
	}
	.photos .album-list .main-options .inner,
	.photos .photo-list .main-options .inner
	{
		height: 398px;
	}
	.album-wrapper H3
	{
		font-size: 22px;
	}
	.photos .photo-list .photo-preview
	{
		width: 100%;
	}	
	.discussion-top-section H1,
	.related-topics H2
	{
		font-size: 22px;
	}
	.message-post .avatar
	{
		float: none;
		margin: 0px;
	}
	.message-post .avatar .mark A
	{
		display: inline;
	}
	.discussion-item H3
	{
		font-size: 26px;
		padding-right: 90px;
	}
	.message-post .avatar IMG
	{
		display: none;
	}
	.message-post .content .author A
	{
		display: block;
		margin-bottom: 5px;
	}
	.user-profile-header .top-section H2
	{
		font-size: 24px;
	}
	.user-profile-header .top-section .user-avatar,
	.user-profile-header .top-section .avatar-holder
	{
		float: none;
		margin: 0px;
	}
	.user-profile-header .top-section .avatar-holder IMG
	{
		display: none;
	}
	.user-profile-header .top-section .avatar-holder .user-score
	{
		background: none;
		position: relative;
		bottom: 0px;
		color: #777;
		padding: 0px;
		filter: Alpha(opacity=100);
		opacity: 1;
	}
	.user-profile-header .top-section .avatar-holder .user-score
	{
		font-size: 14px;
	}
	.user-profile-header .top-section .avatar-holder .user-score SPAN
	{
		display: inline;
	}
	.user-profile-header .top-section .status .status-text
	{
		font-size: 14px;
		line-height: 22px;
	}
	.group-item .group-image
	{
		float: none;
		margin: 0px;
	}
	.group-item .group-image IMG,
	.group-item .group-image .arrow
	{
		display: none;
	}
	.group-item .group-image .counter
	{
		background: #0180B3;
		position: relative;
		bottom: 0px;
		filter: Alpha(opacity=100);
		opacity: 1;
	}
	.message-center .sort-filter
	{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.message-center .sort-filter .filtering,
	.message-center .sort-filter .sorting
	{
		float: left;
		margin-top: 3px;
	}
	.message-center .sort-filter .sorting
	{
		margin-left: 3px;
	}
	.message-center .message-list .avatar IMG,
	.message-center .message-details .user-avatar IMG
	{
		width: 60px !important;
		height: 60px !important;
	}
	.editor-height .reContentArea.reContentAreaToggle IMG
    {
        max-width: 450px !important;
    }
}
@media (min-width: 600px) and (max-width: 767px)
{
    .editor-height .reContentArea.reContentAreaToggle IMG
    {
        max-width: 515px !important;
    }
}
@media (max-width: 480px) 
{
	BODY
	{
		font: 12px/18px Arial, Helvetica, sans-serif;
	}
	HEADER .bottom-section
	{
		height: 168px;
	}
	HEADER .bottom-section IMG.banner-img,
	HEADER .bottom-section IMG.membership-bg
	{
		display: none;
	}
	HEADER .bottom-section .membership-search .membership-navigation-holder,
	HEADER .bottom-section .membership-search .search-holder
	{
		width: 100%;
		top: 25px;
		left: 0px;
	}	
	HEADER .bottom-section .membership-search .search-holder
	{
		width: 100%;
		position: inherit;
		top: 100px;
		left: 0px;
	}
	.membership-navigation .login-name
	{
		float: none;
		clear: both;
		padding-top: 10px;
	}
	.what-box
	{
		width: 100%;
	}
	h1
	{
		font-size: 26px;
	}
	h2
	{
		font-size: 22px;
	}
	h3
	{
		font-size: 16px;
	}
	.info-about H1
	{
		font-size: 22px;
	}
	.info-about H1 I
	{
		font-size: 16px;
	}
	.info-about P
	{
		line-height: 20px;
	}
	.main
	{
		padding: 0px;
	}
	.blog-item .avatar
	{
		float: none;
		margin: 0px;
	}
	.blog-item .avatar IMG,
	.blog-item .avatar .arrow
	{
		display: none;
	}
	.blog-item .content H2
	{
		font-size: 20px;
	}
	.blog-item .avatar .author,
	.blog-item .avatar .author A
	{
		font-size: 10px;
		display: block;
	}
	.photos .main-options,
	.album-list .item,
	.photos .photo-list .item
	{
		width: 100%;
	}
	.album-list .item .inner,
	.photos .photo-list .main-options .inner
	{
		height: 300px;
	}
	.photos .album-list .main-options .inner,
	.photos .photo-list .main-options .inner
	{
		height: 100px;
	}
	.album-wrapper H3
	{
		font-size: 22px;
	}
	.photos .main-options .create,
	.photos .main-options .albums,
	.photos .main-options .my-albums,
	.photos .main-options .add-more,
	.photos .main-options .go-back
	{
		line-height: 30px;
	}
	.wall .composer IMG
	{
		width: 70px;
		height: 70px;
	}
	.wall .composer .textarea-holder
	{
		padding: 5px;
	}
	.dashboard .item .user-avatar IMG,
	.activity-item .user-avatar IMG,
	.wall .wall-comment .user-avatar IMG
	{
		width: 32px !important;
		height: 32px !important;
	}
	.wall .wall-comment .user-avatar .arrow,
	.dashboard .item .user-avatar .arrow,
	.activity-item .user-avatar .arrow
	{
		top: 8px;
	}
	.discussion-top-section H1,
	.related-topics H2
	{
		font-size: 18px;
	}
	.message-post .avatar
	{
		float: none;
		margin: 0px;
	}
	.message-post .avatar .mark A
	{
		display: inline;
	}
	.discussion-item H3
	{
		font-size: 18px;
		padding-right: 90px;
	}
	.message-post .avatar IMG
	{
		display: none;
	}
	.message-post .content .author A
	{
		display: block;
		margin-bottom: 5px;
	}
	.user-profile-header .top-section H2
	{
		font-size: 24px;
	}
	.user-profile-header .top-section .user-avatar,
	.user-profile-header .top-section .avatar-holder
	{
		float: none;
		margin: 0px;
	}
	.user-profile-header .top-section .avatar-holder IMG
	{
		display: none;
	}
	.user-profile-header .top-section .avatar-holder .user-score
	{
		background: none;
		position: relative;
		bottom: 0px;
		color: #777;
		padding: 0px;
		filter: Alpha(opacity=100);
		opacity: 1;
	}
	.user-profile-header .top-section .avatar-holder .user-score
	{
		font-size: 14px;
	}
	.user-profile-header .top-section .avatar-holder .user-score SPAN
	{
		display: inline;
	}
	.user-profile-header .top-section .status .status-text
	{
		font-size: 14px;
		line-height: 22px;
	}
	.user-profile-tabs UL LI
	{
		width: 50%;
	}
	.about-me .bottom-section .option-holder STRONG, .user-profile .option-holder STRONG,
	.about-me .bottom-section .option-holder .options, .user-profile .option-holder .options,
	.about-me .bottom-section .options UL,
	.about-me .bottom-section .options UL LI,
	.user-profile .bottom-section .options UL,
	.user-profile .bottom-section .options UL LI
	{
		width: auto;
		float: none;
	}
	.about-me .bottom-section .option-holder STRONG, .user-profile .option-holder STRONG
	{
		margin-bottom: 10px;
		display: block;
	}
	.friend-list IMG
	{
		width: 40px !important;
		height: 40px !important;
		float: none;
	}
	.friend-list .user-name
	{
		line-height: 30px;
	}
	.news H2
	{
		padding-right: 0px;
	}
	.news .counter
	{
		position: relative;
		top: 0px;
		right: 0px;
		padding: 20px 0px;
	}
	.news .counter DIV
	{
		font-size: 12px;
		text-align: left;
		margin: 0px;
	}
	.news .counter DIV SPAN
	{
		display: inline;
	}
	.group-item .group-image
	{
		float: none;
		margin: 0px;
	}
	.group-item .group-image IMG,
	.group-item .group-image .arrow
	{
		display: none;
	}
	.group-item .group-image .counter
	{
		background: #0180B3;
		position: relative;
		bottom: 0px;
		filter: Alpha(opacity=100);
		opacity: 1;
	}
	.message-center .sort-filter
	{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.message-center .sort-filter .filtering,
	.message-center .sort-filter .sorting
	{
		float: left;
		margin-top: 3px;
	}
	.message-center .sort-filter .sorting
	{
		margin-left: 0px;
	}
	.message-center .message-list .avatar,
	.message-center .message-details .user-avatar
	{
		display: none;
	}
	.messages .tabs UL LI A
	{
		padding: 7px 10px;
		font-size: 14px;
	}
	.messages .tabs UL LI A.selected
	{
		padding: 7px 10px 8px 10px;
	}
	.messages .tabs .tab-line
	{
		top: 36px;
	}
	.editor-height .reContentArea.reContentAreaToggle IMG
    {
        max-width: 395px !important;
    }
    .discussion-item .date-author {
     margin-top: 15px;
  }
}
@media (max-width: 320px) 
{
    .editor-height .reContentArea.reContentAreaToggle IMG
    {
        max-width: 250px !important;
    }
}
/* Responsive navigation */
@media (max-width: 959px)
{
	h1
	{
		font-size: 26px;
	}
	h2
	{
		font-size: 22px;
	}
	h3
	{
		font-size: 16px;
	}
	HEADER .top-section
	{
		position: inherit;
	}
	NAV
	{
		position: absolute;
		float: none;
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2000;
	}
	.administrator-mode
	{
		top: 40px;
	}
    NAV a.mobile_handle
    {
    	height: 105px;
    	background: #2B2C31;
    	display: block;
    	float: right;
		padding: 0px 25px;
    	font-family: 'BebasNeueRegular';
		font-size: 18px;
		text-decoration: none;
		color: #fff;
    	text-align: center;
    	cursor: pointer;
    	line-height: 105px;
    	-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-left-radius: 3px;
		border-bottom-left-radius: 3px;
    }   
    NAV UL
    {
    	display: none;
    }
    NAV UL LI
    {
    	display: block;
    	position: relative;
    	float: none;
    	padding: 0;
    	background: #2B2C31;
    	border-top: 1px solid #999;
    }
    NAV UL LI A,
    NAV UL LI A:link,
    NAV UL LI A:visited
    {
    	height: auto;
    	display: block;
    	position: relative;
    	float: none;
    	padding: 15px 10px;
    	clear: both;
    	line-height: normal;
    }
    /* Second Level */
    NAV UL UL
    {
    	display: none;
    	position: relative;
    	width: 100%;
    	top: 0;
    	left: 0;
    	margin: 0;
    	padding: 0;
    	background: none;
    }
    NAV UL UL A,
    NAV UL UL A:link,
    NAV UL UL A:visited
    {
    	background: #3f4046;
    	color: #fff;
    	padding: 15px 10px 15px 25px;
    }
    NAV UL UL A:hover
    {
    	background: #3f4046;
    }
    /* Third level */
    NAV UL UL UL
    {
    	top: 0;
    	left: 0;
    	position: relative;
    }
    NAV UL UL UL A,
    NAV UL UL UL A:link,
    NAV UL UL UL A:visited
    {
    	background: #595a61;
    	padding: 15px 10px 15px 45px;
    }
    NAV UL UL UL A:hover
    {
    	background: #595a61;
    }
    NAV UL UL UL UL A,
    NAV UL UL UL UL A:link,
    NAV UL UL UL UL A:visited
    {
    	background: #787a81;
    	padding: 15px 10px 15px 65px;
    }
    NAV UL UL UL UL A:hover
    {
    	background: #787a81;
    }
    NAV .sub_nav
    {
    	position: absolute;
    	right: 0px;
    	top: 0px;
    	width: 15%;
    	margin: 0;
    	cursor: pointer;
    	padding: 23px;
    }
    NAV .arrow_up
    {
    	float: right;
    	width: 0;
    	height: 0;
    	padding: 0;
    	border-left: 5px solid transparent;
    	border-right: 5px solid transparent;
    	border-bottom: 5px solid #fff;
    }
    NAV .arrow_down
    {
    	float: right;
    	width: 0;
    	height: 0;
    	padding: 0;
    	border-left: 5px solid transparent;
    	border-right: 5px solid transparent;
    	border-top: 5px solid #fff;
    }
    NAV UL LI .sub-nav-desktop
	{
		display: none;
	}
}

@font-face
{
	font-family: 'BebasNeueRegular';
    src: url('Fonts/bebasneue-webfont.eot');
    src: url('Fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/bebasneue-webfont.woff') format('woff'),
         url('Fonts/bebasneue-webfont.ttf') format('truetype'),
         url('Fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'ArialNarrowCustom';
    src: url('Fonts/arialn-webfont.eot');
    src: url('Fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/arialn-webfont.woff') format('woff'),
         url('Fonts/arialn-webfont.ttf') format('truetype'),
         url('Fonts/arialn-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}